<template>
    <div class="ctory">
         <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
       
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIndex'}">解决方案</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionDetails'}" class="on">e-F@ctory</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="content">
            <div class="block">
                <div class="title">
                    <span>e-F@ctory</span>
                </div>
                <div class="list">
                    <div class="title">生产现场中存在着众多亟待解决的课题，如“应对变种变量生产”、“通过预防和保全提高运转率”、“通过倾向管理提高质量”和“实现追溯</div>
                    <ul>
                        <li v-for="item in list" :key="item">
                            <nuxt-link :to="{name: item.url}" >
                                <img :src="item.img" :alt="item.alt">
                                <div class="show">
                                    <p>{{item.title}}</p>
                                    <span></span>
                                </div>
                                <div class="mode">
                                    <img alt="" src="../../static/newsImg/modejpg.jpg">
                                    <div class="mod"></div>
                                    <div class="cont">
                                        <div>
                                            <p class="title">{{item.industry}}</p>
                                            <span></span>
                                            <p>{{item.text}}</p>
                                        </div>
                                        <a href="">了解更多</a>
                                    </div>
                                </div>
                            </nuxt-link>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "ctory",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                bannerType:'solution',
                list:[
                    {
                        img:require("../../static/newsImg/27.jpg"),
                        title:"什么是e-F@ctory",
                        industry:"什么是e-F@ctory",
                        text:'FA整合解决方案e-F@ctory的理念介绍 .......',
                        alt:"FA-IT信息协同",
                        url:'solution-solutionDetails'
                    },
                    {
                        img:require("../../static/newsImg/30.jpg"),
                        title:"FA-IT信息协同",
                        industry:"FA-IT信息协同",
                        text:'FA整合解决方案e-F@ctory的理念介绍 .......',
                        alt:"FA-IT信息协同",
                        url:'solution-solutionIdea'
                    },
                    {
                        img:require("../../static/newsImg/31.jpg"),
                        title:"iQ Platform",
                        industry:"iQ Platform",
                        text:'通过平台的通用性和与各类合作伙伴的合作，提供最佳解决方案。 ......',
                        alt:"iQ Platform",
                        url:'solution-solutionIdeaiQPlatform'
                    },
                    {
                        img:require("../../static/newsImg/32.jpg"),
                        title:"FA整合网络",
                        industry:"FA整合网络",
                        text:'通过平台的通用性和与各类合作伙伴的合作，提供最佳解决方案。 ......',
                        alt:"FA整合网络",
                        url:'solution-solutionIdeaFA'
                    },
                    {
                        img:require("../../static/newsImg/33.jpg"),
                        title:"节能",
                        industry:"节能",
                        text:'通过平台的通用性和与各类合作伙伴的合作，提供最佳解决方案。 ......',
                        alt:"节能",
                        url:'solution-solutionDetailsJn'
                    }
                ]
            }
        }
    }
</script>

<style scoped>

</style>
